<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<title>Tab Pane Demo (WebFX)</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="./css/estilo.css">
<script type="text/javascript" src="local/webfxlayout.js"></script>

<!-- this link element includes the css definitions that describes the tab pane -->
<!--
<link type="text/css" rel="stylesheet" href="tab.winclassic.css" />
-->
<link id="luna-tab-style-sheet" type="text/css" rel="stylesheet" href="css/luna/tab.css" disabled="disabled" />
<link id="webfx-tab-style-sheet" type="text/css" rel="stylesheet" href="css/tab.webfx.css" disabled="disabled" />
<link id="winclassic-tab-style-sheet" type="text/css" rel="stylesheet" href="css/tab.winclassic.css"  disabled="disabled" />
<!-- the id is not needed. It is used here to be able to change css file at runtime -->

<style type="text/css">

.dynamic-tab-pane-control .tab-page {
	height:	100%;
}

.dynamic-tab-pane-control .tab-page .dynamic-tab-pane-control .tab-page {
	height:		100%;
}

html, body {
	background:	ThreeDFace;
}

form {
	margin:		0;
	padding:	0;
}

/* over ride styles from webfxlayout */

body {
	margin:		10px;
	width:		auto;
	height:		auto;
}

.dynamic-tab-pane-control h2 {
	text-align:	center;
	width:		auto;
}

.dynamic-tab-pane-control h2 a {
	display:	inline;
	width:		auto;
}

.dynamic-tab-pane-control a:hover {
	background: transparent;
}



</style>
<script type="text/javascript" src="js/tabpane.js"></script>
</head>

<script type="text/javascript">

function setLinkSrc( sStyle ) {
	document.getElementById( "luna-tab-style-sheet" ).disabled = sStyle != "luna";
	document.getElementById( "webfx-tab-style-sheet" ).disabled = sStyle != "webfx"
	document.getElementById( "winclassic-tab-style-sheet" ).disabled = sStyle != "winclassic"
	
	document.documentElement.style.background = 
	document.body.style.background = sStyle == "webfx" ? "white" : "ThreeDFace";
}

setLinkSrc( "luna" );

//]]>
</script>
<div class="tab-pane" id="tabPane1" >

<script type="text/javascript">
tp1 = new WebFXTabPane( document.getElementById( "tabPane1" ) );
//tp1.setClassNameTag( "dynamic-tab-pane-control-luna" );
//alert( 0 )
</script>

<body>


<div class="tab-page" id="tabPage1">
		<h2 class="tab">Step 1 </h2>
		
		<script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage1" ) );</script>
		
		<table id="tblStep1" name="tblStep1" class="tblFormApp" border="0" cellspacing="0" cellpadding="0">
<form id="frmStep1" method="post" action="">
  <tr>
    <td align="center" ><p class="tituloPagina">Step1. Personal information </p>
    <table  border="0" align="center" cellpadding="0" cellspacing="0">
      <tr >
        <td colspan="2" class="secciones">Basic Information </td>
        </tr>
      <tr>
        <td width="52%"><table width="92%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td width="5%">*</td>
            <td width="39%" class="campoFormulario">1.First Name:</td>
            <td width="56%" align="left">
              <input class="componenteFormulario" name="txtName1" type="text" id="txtName1" value="" /></td>
          </tr
          ><tr>
            <td>&nbsp;</td>
            <td class="campoFormulario">2.Second Name:</td>
            <td align="left">
              <input class="componenteFormulario"  name="txtName2" type="text" id="txtName2" value="" />            </td>
          </tr>
          <tr>
            <td>*</td>
            <td class="campoFormulario">3.Fist Last Name: </td>
            <td align="left">
              <input  class="componenteFormulario" name="txtLastName1" type="text" id="txtLastName1" value="" />            </td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td class="campoFormulario">4.Sencond Last Name:</td>
            <td align="left"><input  class="componenteFormulario" name="txtLastName2" type="text" id="txtLastName2" value="" /></td>
          </tr>
          <tr>
            <td>*</td>
            <td class="campoFormulario">5. E - Mail:</td>
            <td align="left"><input class="componenteFormulario" name="txtMail" type="text" id="txtMail" value="" /></td>
          </tr>
        </table></td>
        <td width="48%"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td width="5%">*</td>
            <td width="44%" class="campoFormulario">6. Type Identification:</td>
            <td width="51%"><select  class="componenteFormulario"  name="select">
              <option>CC</option>
              <option>TI</option>
              <option>Ext CC</option>
            </select>            </td>
          </tr>
          <tr>
            <td>*</td>
            <td class="campoFormulario">7. Identification:</td>
            <td><input  class="componenteFormulario" name="txtID" type="text" id="txtID" value="" /></td>
          </tr>
          <tr>
            <td>*</td>
            <td class="campoFormulario">8. Birth Day </td>
            <td><input  class="componenteFormulario" name="txtBirthDay" type="text" id="txtBirthDay" value="" /></td>
          </tr>
          <tr>
            <td>*</td>
            <td class="campoFormulario">9. From City </td>
            <td><input  class="componenteFormulario" name="txtFromCity" type="text" id="txtFromCity" value="" /></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td colspan="2" class="secciones">Adicional Information </td>
        </tr>
      <tr>
        <td><table width="92%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td width="5%">*</td>
            <td width="39%" class="campoFormulario">10. Addres Place :</td>
            <td width="56%" align="left"><input  class="componenteFormulario" name="txtName12" type="text" id="txtName12" value="" /></td>
          </tr>
          <tr>
            <td>*</td>
            <td class="campoFormulario">11. Phone:</td>
            <td align="left"><input class="componenteFormulario"  name="txtName22" type="text" id="txtName22" value="" />            </td>
          </tr>
          <tr>
            <td>*</td>
            <td class="campoFormulario">12. Cel Phone: </td>
            <td align="left"><input  class="componenteFormulario" name="txtLastName12" type="text" id="txtLastName12" value="" />            </td>
          </tr>

        </table></td>
        <td><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td width="5%">*</td>
            <td width="44%" class="campoFormulario">13. Addres Place :</td>
            <td width="51%" align="left"><input  class="componenteFormulario" name="txtName122" type="text" id="txtName122" value="" /></td>
          </tr>
          <tr>
            <td>*</td>
            <td class="campoFormulario">14. Phone:</td>
            <td align="left"><input  class="componenteFormulario" name="txtName222" type="text" id="txtName222" value="" />
            </td>
          </tr>
          <tr>
            <td>*</td>
            <td class="campoFormulario">15. Cel Phone: </td>
            <td align="left"><input  class="componenteFormulario" name="txtLastName122" type="text" id="txtLastName122" value="" />
            </td>
          </tr>
        </table></td>
      </tr>
    </table>
	</form> 
	<td align="center"></td>
  <td align="center"></tr>
</table>

</div>

	<div class="tab-page" id="tabPage2">
		<h2 class="tab">Step 2 </h2>
		
		<table  border="0" cellpadding="0" cellspacing="0" class="tblFormApp" id="tblStep2" name="tblStep2">
<form id="frmStep2" method="post" action="">
  <tr>
    <td align="center"> <p class="tituloPagina">Step2. Experience Information </p>
    <table  border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td colspan="2" class="secciones">Academic Information </td>
        </tr>
      <tr>
        <td width="100%" colspan="2"><table width="92%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td width="5%">*</td>
            <td width="39%" class="campoFormulario">1.University:</td>
            <td width="56%" align="left">
              <select class="componenteFormulario" name="cmbUnivesity" id="cmbUnivesity">
              <option>List of university by LC Selected</option>
            </select></td>
          </tr>
          <tr>
            <td>*</td>
            <td class="campoFormulario">2. Carrer:</td>
            <td align="left">
              <select class="componenteFormulario" name="cmbCarrer" id="cmbCarrer">
              <option>List of all carrer in all university in colombia</option>
            </select></td>
          </tr>
          <tr>
            <td>*</td>
            <td class="campoFormulario">3.Semester: </td>
            <td align="left">
              <select class="componenteFormulario" name="cmbSemester" id="cmbSemester">
              <option>01</option>
              <option>02</option>
              <option>03</option>
              <option>04</option>
              <option>05</option>
              <option>06</option>
              <option>07</option>
              <option>08</option>
              <option>09</option>
              <option>10</option>
              <option>Tesis work</option>
              <option>Graduated</option>
            </select></td>
          </tr>
          <tr>
            <td>*</td>
            <td colspan="2" class="campoFormulario">4. 
How many hours of academic work do you have per week ?</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td colspan="2">
			<input  class="componenteFormulario" name="txtLastName124" type="text" id="txtLastName124" value="" />&nbsp;			</td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td colspan="2" class="secciones">Work Information </td>
        </tr>
      <tr>
        <td colspan="2" class="campoFormulario">
		<table border="0" width="100%" cellspacing="0" cellpadding="0">
			<tr>
				<td class="campoFormulario">Please mention your work experiences starting with the most recent one
                .&nbsp;</td>
			</tr>
			<tr>
				<td class="campoFormulario">if you don't have any experiences please continue. </td>
			</tr>
		</table>
			</td>
        </tr>
      <tr>
        <td>&nbsp;</td>
        <td align="right"><input type="button" value="add work experience" name="btnAddLanguaje4" class="botton" id="btnAddLanguaje4" /></td>
      </tr>
      <tr>
        <td colspan="2">
		<table width="59%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td class="tituloTabla">Name of Company</td>
            <td class="tituloTabla">Duration in month </td>
            <td class="tituloTabla">Responsabilities</td>
            </tr>
          <tr>
            <td align="left"><input class="componenteFormulario" name="txtLastName12624" type="text" id="txtLastName12624" value="" /></td>
            <td align="center"><select class="componenteFormulario" name="select7" id="select18">
              <option>0-2</option>
              <option>2-8</option>
              <option>8-more</option>
            </select></td>
            <td align="left">
			<textarea name="textarea3" cols="49" class="componenteFormulario" id="textarea3" rows="2"></textarea></td>
            </tr>
          <tr>
            <td align="left"><input class="componenteFormulario" name="txtLastName126243" type="text" id="txtLastName126243" value="" /></td>
            <td align="center"><select class="componenteFormulario" name="select8" id="select19">
              <option>0-2</option>
              <option>2-8</option>
              <option>8-more</option>
            </select></td>
            <td align="left">
			<textarea name="textarea" cols="49" class="componenteFormulario" id="textarea" rows="2"></textarea></td>
            </tr>
          <tr>
            <td align="left"><input class="componenteFormulario" name="txtLastName126244" type="text" id="txtLastName126244" value="" /></td>
            <td align="center"><select class="componenteFormulario" name="select9" id="select20">
              <option>0-2</option>
              <option>2-8</option>
              <option>8-more</option>
            </select></td>
            <td align="left">
			<textarea name="textarea2" cols="49" class="componenteFormulario" id="textarea2" rows="2"></textarea></td>
            </tr>
        </table></td>
        </tr>
      <tr>
        <td colspan="2" class="secciones">Languaje Information</td>
      </tr>
      <tr>
        <td colspan="2"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td width="5%">*</td>
            <td width="39%" class="campoFormulario">Choose a language:</td>
            <td width="28%" align="left">
			  <select class="componenteFormulario" name="cmbSemester0" id="cmbSemester0">
              <option>English</option>
              <option>French</option>
              <option>Duch</option>
              <option>Other</option>
            </select></td>
            <td width="28%" align="left"> 
			  <input type="button" value="add languaje" name="btnAddLanguaje" class="botton" id="btnAddLanguaje"></td>
          </tr>
          
        </table></td>
      </tr>
      <tr>
        <td colspan="2" class="campoFormulario">List of language</td>
      </tr>
      <tr>
        <td colspan="2"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td class="tituloTabla">Languaje</td>
            <td class="tituloTabla">Reading Level</td>
            <td class="tituloTabla">Writing Level</td>
            <td class="tituloTabla">Comprehension Level</td>
          </tr>
          <tr>
            <td align="center"><input class="componenteFormulario" name="txtLastName1262" type="text" id="txtLastName1262" value="" /></td>
            <td><select class="componenteFormulario" name="select2" id="select">
              <option>Advanced</option>
			  <option>Intermedium</option>
			  <option>Basic</option>
            </select></td>
            <td><select class="componenteFormulario" name="select3" id="select2">
              <option>Advanced</option>
              <option>Intermedium</option>
              <option>Basic</option>
            </select></td>
            <td><select class="componenteFormulario" name="select4" id="select3">
              <option>Advanced</option>
              <option>Intermedium</option>
              <option>Basic</option>
            </select></td>
          </tr>
          <tr>
            <td align="center"><input class="componenteFormulario" name="txtLastName1262" type="text" id="txtLastName1262" value="" /></td>
            <td><select class="componenteFormulario" name="select2" id="select">
                <option>Advanced</option>
                <option>Intermedium</option>
                <option>Basic</option>
            </select></td>
            <td><select class="componenteFormulario" name="select3" id="select2">
                <option>Advanced</option>
                <option>Intermedium</option>
                <option>Basic</option>
            </select></td>
            <td><select class="componenteFormulario" name="select4" id="select3">
                <option>Advanced</option>
                <option>Intermedium</option>
                <option>Basic</option>
            </select></td>
          </tr>
          <tr>
            <td align="center"><input class="componenteFormulario" name="txtLastName1262" type="text" id="txtLastName1262" value="" /></td>
            <td><select class="componenteFormulario" name="select2" id="select">
                <option>Advanced</option>
                <option>Intermedium</option>
                <option>Basic</option>
            </select></td>
            <td><select class="componenteFormulario" name="select3" id="select2">
                <option>Advanced</option>
                <option>Intermedium</option>
                <option>Basic</option>
            </select></td>
            <td><select class="componenteFormulario" name="select4" id="select3">
                <option>Advanced</option>
                <option>Intermedium</option>
                <option>Basic</option>
            </select></td>
          </tr>
        </table></td>
        </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
	</form> 
	<td align="center"></td>
  <td width="0" align="center">
	</tr>
</table>

		<script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage2" ) );</script>
		
</div>

<div class="tab-page" id="tabPage3">
		<h2 class="tab">Step 3 </h2>
		
		<script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage3" ) );</script>
		<table id="tblStep3" name="tblStep3" class="tblFormApp" border="0" cellspacing="0" cellpadding="0">
		<form id="frmStep3" method="post" action="">
          <tr>
            <td align="center"><p class="tituloPagina">Step3. My Leadership Development </p>
                <table  border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td colspan="2" class="secciones">My skills and competences </td>
                  </tr>
                  <tr>
                    <td colspan="2" class="campoFormulario">1. 
Which personal and interpersonal skills would you like to develop? </td>
                  </tr>

                  <tr>
                    <td colspan="2">
					<textarea name="textarea4" cols="45" rows="4"></textarea></td>
                  </tr>
                  <tr>
                    <td colspan="2" class="campoFormulario">2. Which professional abilities would you like to develop?</td>
                  </tr>
                  <tr>
                    <td colspan="2"><textarea name="textarea5" cols="45" rows="4"></textarea></td>
                  </tr>

                  <tr>
                    <td colspan="2" class="campoFormulario">3. 
Mention the 3 Competences of the list</td>
                  </tr>
                  <tr>
                    <td width="52%" align="center" class="tituloTabla">STRONG COMPETENCES </td>
                    <td width="48%" align="center" class="tituloTabla">WEAK COMPETENCES</td>
                  </tr>
                  <tr>
                    <td align="center"><table width="50%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td><input type="checkbox" name="checkbox" value="checkbox" /></td>
                        <td>Self-Awareness</td>
                      </tr>
                      <tr>
                        <td width="10%"><input type="checkbox" name="checkbox2" value="checkbox" /></td>
                        <td><label for="group_26_2">Awareness of Others</label></td>
                      </tr>
                      <tr>
                        <td><input type="checkbox" name="checkbox3" value="checkbox" /></td>
                        <td>Flexible thinking</td>
                      </tr>
                      <tr>
                        <td><input type="checkbox" name="checkbox4" value="checkbox" /></td>
                        <td><label for="group_26_4">Effective Communication</label></td>
                      </tr>
                      <tr>
                        <td><input type="checkbox" name="checkbox5" value="checkbox" /></td>
                        <td><label for="group_26_5">Innovation</label></td>
                      </tr>
                      <tr>
                        <td><input type="checkbox" name="checkbox6" value="checkbox" /></td>
                        <td>Commitment to Results</td>
                      </tr>
                      <tr>
                        <td><input type="checkbox" name="checkbox7" value="checkbox" /></td>
                        <td>Stakeholder Focus</td>
                      </tr>
                      <tr>
                        <td><input type="checkbox" name="checkbox8" value="checkbox" /></td>
                        <td><label for="group_26_8">Developing Others</label></td>
                      </tr>
                      <tr>
                        <td><input type="checkbox" name="checkbox9" value="checkbox" /></td>
                        <td><label for="group_26_9">Inner Strenght</label></td>
                      </tr>
                      <tr>
                        <td><input type="checkbox" name="checkbox10" value="checkbox" /></td>
                        <td>Personal Effectiveness</td>
                      </tr>
                      <tr>
                        <td><input type="checkbox" name="checkbox11" value="checkbox" /></td>
                        <td>Inclusiveness</td>
                      </tr>

                    </table></td>
                    <td align="center"><table width="50%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td><input type="checkbox" name="checkbox12" value="checkbox" /></td>
                        <td>Self-Awareness</td>
                      </tr>
                      <tr>
                        <td width="10%"><input type="checkbox" name="checkbox22" value="checkbox" /></td>
                        <td><label for="group_26_2">Awareness of Others</label></td>
                      </tr>
                      <tr>
                        <td><input type="checkbox" name="checkbox32" value="checkbox" /></td>
                        <td>Flexible thinking</td>
                      </tr>
                      <tr>
                        <td><input type="checkbox" name="checkbox42" value="checkbox" /></td>
                        <td><label for="group_26_4">Effective Communication</label></td>
                      </tr>
                      <tr>
                        <td><input type="checkbox" name="checkbox52" value="checkbox" /></td>
                        <td><label for="group_26_5">Innovation</label></td>
                      </tr>
                      <tr>
                        <td><input type="checkbox" name="checkbox62" value="checkbox" /></td>
                        <td>Commitment to Results</td>
                      </tr>
                      <tr>
                        <td><input type="checkbox" name="checkbox72" value="checkbox" /></td>
                        <td>Stakeholder Focus</td>
                      </tr>
                      <tr>
                        <td><input type="checkbox" name="checkbox82" value="checkbox" /></td>
                        <td><label for="group_26_8">Developing Others</label></td>
                      </tr>
                      <tr>
                        <td><input type="checkbox" name="checkbox92" value="checkbox" /></td>
                        <td><label for="group_26_9">Inner Strenght</label></td>
                      </tr>
                      <tr>
                        <td><input type="checkbox" name="checkbox102" value="checkbox" /></td>
                        <td>Personal Effectiveness</td>
                      </tr>
                      <tr>
                        <td><input type="checkbox" name="checkbox112" value="checkbox" /></td>
                        <td>Inclusiveness</td>
                      </tr>
                    </table></td>
                  </tr>
              </table>
              </td>
          </tr>
  </form>
		</table>
</div>

	<div class="tab-page" id="tabPage4">
		<h2 class="tab">Step 4 </h2>
		
		<script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage4" ) );</script>
		
		<table id="tblStep4" name="tblStep4" class="tblFormApp" border="0" cellspacing="0" cellpadding="0">
		  <form id="frmStep4" method="post" action="">
            <tr>
              <td align="center"><p class="tituloPagina">Step4. Adicional Information </p>
                  <table width="91%" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                      <td colspan="2" class="secciones">Interes in AIESEC </td>
                    </tr>
                    <tr>
                      <td colspan="2" class="secciones">&nbsp;</td>
                    </tr>
                    <tr>
                      <td colspan="2" class="secciones">AIESEC </td>
                    </tr>
                    <tr>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                    </tr>
                    <tr>
                      <td colspan="2" class="campoFormulario">List of language</td>
                    </tr>
                    <tr>
                      <td width="52%">&nbsp;</td>
                      <td width="48%">&nbsp;</td>
                    </tr>
                  </table>
                <p>&nbsp;</p></td>
            </tr>
      </form>
		</table>
		
	</div>

</div>


</body>
</html>
